<!DOCTYPE html>
<html>
<head>
    <title>Maintenance</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no" />
    <link href='http://fonts.googleapis.com/css?family=Fjalla+One|Open+Sans:400,700' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/font.css"/>
    <link rel="stylesheet" href="css/normalize.css"/>
    <link rel="stylesheet" href="css/reset.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <!--[if lte IE 7]>
    <link rel="stylesheet" href="css/ie7.css"/>
    <![endif]-->
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="css/ie8.css"/>
    <![endif]-->
    <link rel="stylesheet" href="css/sequencejs-theme.modern-slide-in.css"/>
    <link rel="stylesheet" href="css/jquery.sidr.dark.css"/>
    <link rel="stylesheet" href="css/responsive.css"/>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="js/html5.js"></script>
    <![endif]-->
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="js/twitter.min.js"></script>
    <script type="text/javascript" src="js/jquery.sequence-min.js"></script>
    <script type="text/javascript" src="js/jquery.sidr.min.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
</head>
<body>

<div id="wrapper">
    <header id="maintain">
        <h1 class="logo"><a href="index.html"><img src="images/logo2.png" alt="$SITE_NAME"/></a></h1>
        <div class="alert-message">
            <img src="images/gear.png" alt="Maintenance"/>
            <h2 class="common-title big">Maintenance</h2>
        </div>
    </header>

    <footer id="footer">
        <div class="info-line">
            <div class="container_12">
                <div class="grid_9">
                    <h2 class="rs common-title">Cras iaculis lacus vel enim ornare dapibus venenatis nunc semper</h2>
                    <p class="rs description">Cras quis enim ipsum. Nam convallis semper orci nec elementum. Donec lorem ante, sollicitudin eu feugiat vitae, egestas et risus. Integer quis nisi eu enim tincidunt rutrum.</p>
                </div>
                <div class="grid_3 ta-r">
                    <a class="btn-blue" href="#">Learn more</a>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="container_12 main-footer">
            <div class="lst-btn-social clearfix">
                <div class="grid_4"><a class="btn-invisible btn-twitter" href="#">Follow Us on Twitter</a></div>
                <div class="grid_4"><a class="btn-invisible btn-fb" href="#">Follow Us on Facebook</a></div>
                <div class="grid_4"><a class="btn-invisible btn-linkedin" href="#">Follow Us on LinkedIn</a></div>
            </div>
            <p class="rs copyright"><span class="lbl">Designed with love by</span> <a href="#" class="val">BestWebSoft.</a></p>
        </div>
    </footer><!--end: #footer -->
</div>
</body>
</html>